<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="HelpStyle.css" />
    </head>
    <body>
        <div>
            <h1>
                Componentes de interface gráfica
            </h1>
        </div>
        <div class="definition">
            Esta seção apresentará ao usuário as seções e operações da interface gráfica do aplicativo.
        </div>
        <div>
            <p class="text">
                <ul class="circ">
                    <li><b> Seleção de tabela de dados: </b>
                        <ul class="nest">
                        <li class="nest"> - Tabela de dados: Tabela em que se quer inserir os dados</li>    
                        <li class="nest"> - Guia de dispositivos: Identificação dos dispositivos relacionados à tabela. </li>
                  </ul>
                </ul>
            </p>
            <p class="centeredImg">
                <img src="sel_tabela_dados.jpg" alt="remocao"/>
            </p>
            <p class="subtitle">
                <b>Figura 1.</b> Seleção da tabela de dados.
            </p>
            <p class="text">
                <ul class="circ">
                    <li><b> Inserção de dados: </b>
                        <ul class="nest">
                        <li class="nest"> - Dados do arquivo importado;</li>    
                        <li class="nest"> - Dispositivos do arquivo: Dispositivos que geraram os dados
                            encontrados no arquivo; </li>
                        <li class="nest"> - Dispositivos a inserir: Dispositivos selecionados para a inserção dos
                            seus respectivos dados; </li>
                        <li class="nest"> - Formatar data: Formato de data encontrado no arquivo de dados. </li>
                  </ul>
                </ul>
            </p>
            <p class="centeredImg">
                <img src="ins_dados.jpg" alt="remocao"/>
            </p>
            <p class="subtitle">
                <b>Figura 2.</b> Seleção dos parâmetros de inserção.
            </p>
            <p class="text">
                <ul class="circ">
                    <li><b><a href="ConnectionHelp.html"> Conexão:</a></b> <i>(Conexão > Abrir Conexão)</i>
                        <ul class="nest">
                        <li class="nest"> - IP: IP (rede local) da máquina em que se encontra a base de dados;</li>    
                        <li class="nest"> - Porta: Porta destinada ao serviço do sistema gerenciador do banco de dados
                            (no caso do PostgreSQL a porta <i>default</i> é a 5432); </li>
                        <li class="nest"> - Usuário: Nome do usuário da base de dados; </li>
                        <li class="nest"> - Senha: Senha de acesso do usuário; </li>
                        <li class="nest"> - Base de dados: Nome da base de dados a ser utilizada. </li>
                  </ul>
                </ul>
            </p>
            <p class="centeredImg">
                <img src="connect.jpg" alt="remocao"/>
            </p>
            <p class="subtitle">
                <b>Figura 3.</b> Seleção dos parâmetros de conexão.
            </p>
            <p class="text">
                <ul class="circ">
                    <li><b><a href="SeparationHelp.html"> Definir Separadores:</a></b> <i>(Arquivo > Definir Separadores)</i>
                        <ul class="nest">
                        <li class="nest"> - Máscara: Caracter que irá separar os dados do arquivo de forma consistente;</li>    
                        <li class="nest"> - Adicionar: Adiciona a máscara a uma lista de máscaras; </li>
                  </ul>
                </ul>
            </p>
            <p class="centeredImg">
                <img src="separador.jpg" alt="remocao"/>
            </p>
            <p class="subtitle">
                <b>Figura 4.</b> Definição de separadores de dados.
            </p>
            <p class="text">
                <ul class="circ">
                    <li><b><a href="RemoveHelp.html"> Remover dados:</a></b> <i>(Dados > Remover)</i>
                        <ul class="nest">
                        <li class="nest"> - De: Data de início (Caso esteja vazio, serão removidos os dados da data estipulada 
                            no outro ComboBox);</li>    
                        <li class="nest"> - Até: Data de fim(Caso esteja vazio, serão removidos os dados da data estipulada 
                            no outro ComboBox); </li>
                        <li class="nest"> - Valor do dado: Serão removidos todos os dados dentro dos parâmetros escolhidos caso esteja vazio;</li>    
                        <li class="nest"> - Dispositivos: Dispositivos encontrados na tabela de dados; </li>
                        <li class="nest"> - A remover: Dispositivos cujos dados serão removidos.</li>
                  </ul>
                </ul>
            </p>
            <p class="centeredImg">
                <img src="remocao.jpg" alt="remocao"/>
            </p>
            <p class="subtitle">
                <b>Figura 5.</b> Remoção de dados.
            </p>
            
        </div>
    </body>
</html>
